<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#all{
				width: 100%;
				height: 150px;
			}
			#top{
				position: relative;
				width: 1000PX;
				height: 130px;
				background: url(img/images/h_bg.jpg) no-repeat top center;
				margin: 0 auto;
			}
			#top-right{
				position: absolute;
				width: 1000PX;
				height: 30px;
				margin: 0 auto;
				left: 530px;
			}
			#top-right ul{
				width: 550px;
				height: 22px;
				list-style: none;
				margin-top: 10px;
				padding: 0;
				text-align: center;
				font-size: 11px;
			}
			#top-right ul li{
				width: 90px;
				height: 22px;
				float: left;
			}
			.span{
				display: block;
				width: 400px;
				height: 30px;
				font-size: 13px;
				margin-top: 43px;
				color: #636362;
			}
			#i1{
				display: inline-block;
				width: 25px;
				height: 20px;
				background: url(img/images/icon.gif);
			}
			#i2{
				display: inline-block;
				width: 25px;
				height: 20px;
				background: url(img/images/icon.gif) -45px 0;
			}
			#i3{
				display: inline-block;
				width: 25px;
				height: 20px;
				background: url(img/images/icon.gif) -91px 0;
			}
			#i4{
				display: inline-block;
				width: 25px;
				height: 20px;
				background: url(img/images/icon.gif) -131px 0;
			}
			.a1{
				display: inline-block;
				width:50px;
				height:15px;
				margin-top: 5px;
				margin-right: 10px;
				text-decoration: none;
				color: black;
				float: right;
			}
			.a2{
				display: block;
				width:45px;
				height:20px;
				margin-top: 5px;
				text-decoration: none;
				float: left;
				color: black;
				background: url(img/images/icon.gif) 0 -30px;
			}
			#top-left{
				position: absolute;
				width: 1000PX;
				height: 30px;
				margin: 0 auto;
				top: 92px;
				left: 18px;
			}
			#top-left ul{
				width: 1000PX;
				height: 22px;
				list-style: none;
				margin-top: 10px;
				padding: 0;
				text-align: left;
			}
			#top-left ul li{
				width: 63px;
				height: 22px;
				margin: 0 10px;
				float: left;
			}
			#top-left ul li a{
				width:60px;
				height:50px;
				font-size: 13px;
				text-decoration: none;
				color: black;
			} 
		</style>
	</head>
	<body>
		<div id="all">
			<div id="top">
				<div id="top-right">
					<ul>
						<li>
							<i id="i1"></i>
							<a class="a1" target="_parent" href="shoppingcar.html">购物车</a>
						</li>
						<li>
							<i id="i2"></i>
							<a class="a1" target="_parent" href="#">帮助中心</a>
						</li>
						<li>
							<i id="i3"></i>
							<a class="a1" target="_parent" href="#">加入收藏</a>
						</li>
						<li>
							<i id="i4"></i>
							<a class="a1" target="_parent" href="#">设为首页</a>
						</li>
						<li>
							<a class="a2" target="_parent" href="Login-Register.html">登录</a>
							<a class="a2" target="_parent" href="Register.html">注册</a>
						</li>
					</ul>
					<span class="span">你好，欢迎访问贵美商城！117年6月6日16点50分</span>
				</div>
				<div id="top-left">
					<ul>
						<li>
							<a href="Home.html" target="_parent">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a>
						</li>
						<li>
							<a href="Commoditydetails.html" target="_parent">家用电器</a>
						</li>
						<li>
							<a href="#" target="_parent">手机数码</a>
						</li>
						<li>
							<a href="#" target="_parent">日用百货</a>
						</li>
						<li>
							<a href="#" target="_parent">书&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;籍</a>
						</li>
						<li>
							<a href="#" target="_parent">帮助中心</a>
						</li>
						<li>
							<a href="#" target="_parent">免费开店</a>
						</li>
						<li>
							<a href="#" target="_parent">全球咨询</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
